<!-- 定义网页根元素为html -->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <!-- 在浏览器标签栏出现公司logo -->
        <link rel="icon" href="img/tyust.png">
        <title>2019级毕业实习</title>
    </head>
    <body>
        <h2>律师档案创建</h2>
        <form action="tyust.html" action="post">用户名
            <input type="text" placeholder="请输入用户名"/>
            <br>密码
            <input type="password"/>
            <br>生日
            <input type="date"/>
            <br>性别
            <input type="radio" name="gender"/>男
            <input type="radio" name="gender"/>女
            <br>籍贯
            <select>
                <option>山西</option>
                <option>山东</option>
                <option>辽宁</option>
                <option>广东</option>
            </select>
            <br>爱好
            <input type="checkbox"/> 踢球
            <input type="checkbox"/> 旅游
            <input type="checkbox"/> 骑行
            <br>照片
            <input type="file"/>
            <br>备注
            <textarea placeholder="多行文本框" cols="80" rows="5"></textarea>
            <br>
            <input type="submit" value="注册"/>
            <input type="reset" value="重填"/>
        </form>
        <h2>超链接</h2>
        <a href="https://kyfw.12306.cn/otn/gonggao/privacyPolicy_web.html">太原科技大学</a>
        <br>
        <a href="tyust.html">太原科技大学</a>
        <h2>图片</h2>
        <img src="https://www.tyust.edu.cn/img/dlogo.png" width="50px"/>
        <h2>表格</h2>
        <table border="1px" width="500px">
            <tr>
                <td>车次</td>
                <td>出发站</td>
                <td>历时</td>
                <td>
                    <button>预订</button>
                </td>
            </tr>
            <tr>
                <td>G601</td>
                <td>太原南</td>
                <td>2小时15分</td>
                <td>
                    <button>预订</button>
                </td>
            </tr>
            <tr>
                <td>G601</td>
                <td>太原南</td>
                <td>2小时15分</td>
                <td>
                    <button>预订</button>
                </td>
            </tr>
        </table>
        <h2>学校介绍</h2>
        <div>
            太原科技大学、计算机学院、宋书记、潘院长
            <img src="img/tyust.png"/>
        </div>
        <h2>span用法</h2>
        <input type="text"/> <span style="color:red">用户名不能为空！</span>
        <h2>列表-有序列表和无序列表</h2>
        <ul>
            <li>软件工程专业</li>
            <li>智能科学与技术专业</li>
            <li>物联网工程专业</li>
        </ul>

        <ol>
            <li>软件工程专业</li>
            <li>智能科学与技术专业</li>
            <li>物联网工程专业</li>
        </ol>
    </body>
</html>
